<template>
	<view class="content">
		<image class="logo" src="/static/logo.png"></image>
		<view class="text-area">
			<text class="title">{{title}}</text>
		</view>
		<myHeader></myHeader>
		<view class="iconfont icon-aixin">
			<text>{{a}}</text>
		</view>
	</view>
</template>
<!-- vue 3.2 后的i写法 -->
<script setup>
	import {
		onReady,
		onLoad
	} from '@dcloudio/uni-app'
	import {
		ref
	} from 'vue'
	let a = ref(1);
	let title = ref('title')

	onLoad(() => {
		console.log('a====', a.value);
	})
</script>

<script>
	// 	import {
	// 		onReady,
	// 		onLoad
	// 	} from '@dcloudio/uni-app' // 导入小程序页面的生命周期函数。
	// 	export default {
	// 		data() {
	// 			return {
	// 				title: 'Hello'
	// 			}
	// 		},
	// 		onLoad() {

	// 		},
	// 		methods: {

	// 		},

	// 		setup() {
	// 			onReady(() => {
	// 				console.log('onReady')
	// 			})
	// 			onLoad(() => {
	// 				console.log("onLoad.....");
	// 			})
	// 		}
	// 	}
	// 
	// 
</script>

<style lang="less">
	/* fonts要放再 static目录下。 */
	@import url("../../static/fonts/iconfont.css");

	.content {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}

	.logo {
		height: 200rpx;
		width: 200rpx;
		margin-top: 200rpx;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 50rpx;
	}

	.text-area {
		display: flex;
		justify-content: center;
	}

	.title {
		font-size: 36rpx;
		color: #8f8f94;
	}
</style>
